<script setup lang="ts">
import { onMounted } from 'vue';
import HospitalHeader from '@/components/hospital-header/index.vue';
import HospitalFooter from '@/components/hospital-footer/index.vue';

onMounted(() => {});
</script>
<template>
  <div class="app">
    <HospitalHeader></HospitalHeader>
    <div class="container">
      <div class="app-container">
        <router-view></router-view>
      </div>
    </div>
    <HospitalFooter></HospitalFooter>
  </div>
</template>
<style scoped lang="scss">
.app {
  display: flex;
  flex-direction: column;
  .container {
    background: #ffffff;
    margin: 70px 0;
    min-height: calc(100% - 120px);
    box-sizing: border-box;
  }
}
</style>
